// canvas/canvas.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    // 获取绘图上下文ctx，创建画布绘图环境3　　
    var ctx = wx.createCanvasContext('myCanvas') // 设置线条颜色和线宽5　　
    ctx.setStrokeStyle('#ff0000')
    ctx.setLineWidth(2) // 移动画笔坐标位置，绘制外部大圆8　　
    ctx.moveTo(160, 100)
    ctx.arc(100, 100, 60, 0, 2 * Math.PI, true) // 移动画笔坐标位置，绘制嘴巴线条11　
    ctx.moveTo(140, 100)
    ctx.arc(100, 100, 40, 0, Math.PI, false) // 移动画笔坐标位置，绘制左眼圆圈14　 
    ctx.moveTo(85, 80)
    ctx.arc(80, 80, 5, 0, 2 * Math.PI, true) // 移动画笔坐标位置，绘制右眼圆圈17　 
    ctx.moveTo(125, 80)
    ctx.arc(120, 80, 5, 0, 2 * Math.PI, true)
    ctx.stroke()
    ctx.draw()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})
